import React from 'react';
import PropTypes from 'prop-types';
import CategoriesComponent from './categories';
import MyWorkStatsComponent from './myworkstats';

export default class SidebarComponent extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="sidebar-container">
        <CategoriesComponent categories={this.props.categories} />
        <MyWorkStatsComponent
          publishedCount={this.props.publishedCount}
          uploadsCount={this.props.uploadsCount}
          likesCount={this.props.likesCount}
        />
      </div>
    );
  }
}

SidebarComponent.propTypes = {
  categories: PropTypes.array,
  publishedCount: PropTypes.number,
  uploadsCount: PropTypes.number,
  likesCount: PropTypes.number,
  rootAction: PropTypes.object,
};
